<template>
     <div class="bibi_footer">
        <div class="w">
            
            <div class="ws">
                <div class="all">
                    <dl>
                        <dt>bilibili</dt>
                        <dd>
                            <a href="#">关于我们</a>
                        </dd>
                        <dd>
                            <a href="#">友情链接</a>
                        </dd>
                    </dl>
                </div>
                <div class="all">
                    <dl>
                        <dt>bibi</dt>
                        <dd>
                            关于我们
                        </dd>
                        <dd>
                            友情链接
                        </dd>
                    </dl>
                </div>
                <div class="all">
                    <dl>
                        <dt></dt>
                        <dd>
                            关于我们
                        </dd>
                        <dd>
                            Investor Relations
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="wz">
                <div class="all">
                    <dl>
                        <dt>传送门</dt>
                        <dd>
                            <a href="#">关于我们</a>
                        </dd>
                        <dd>
                            <a href="#">友情链接</a>
                        </dd>
                        <dd>
                            <a href="#">壁纸站</a>
                        </dd>

                    </dl>
                </div>
                <div class="all">
                    <dl>
                        <dt>bibi</dt>
                        <dd>
                            关于我们
                        </dd>
                        <dd>
                            友情链接
                        </dd>
                    </dl>
                </div>
                <div class="all">
                    <dl>
                        <dt></dt>
                        <dd>
                            关于我们
                        </dd>
                        <dd>
                            Investor Relations
                        </dd>
                    </dl>
                </div>
            </div>

            <div class="wx">
                <div class="ph">
                    <div class="phone">
                        <a href="#">
                            <img src="../assets/images/bxiazai.png" alt="">
                            <em>客户端下载</em>
                        </a>
                    </div>
                    <div class="phone">
                        <a href="#">
                            <img src="../assets/images/bxiazai.png" alt="">
                            <em>新浪微博</em>
                        </a>
                    </div>
                    <div class="phone">
                        <a href="#">
                            <img src="../assets/images/bxiazai.png" alt="">
                            <em>官方微信</em>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="hezhi f">
            <div class="kankan">
                <div class="img">
                </div>
                <img src="../assets/images/962.png" alt="">
                <div class="lbt">
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
            <div class="guobo">
                <p> 广播电视节目制作经营许可证：（沪）字第1248号 | 网络文化经营许可证：沪网文[2016]2296-134号 | 信息网络传播视听节目许可证：0910417 | 互联网ICP备案：沪ICP备13002172号-3 沪ICP证：沪B2-20100043 | 违法不良信息举报邮箱：help@bilibili.com | 违法不良信息举报电话：4000233233转3 | 营业执照</p>

                <p> <span class="jlt"></span>上海互联网举报中心 |12318 全国文化市场举报网站 | <span class="zfx">
                    <img src="../assets/images/zfx.png" alt="">
                </span>沪公网安备 31011002002436号 |儿童色情信息举报专区</p>
                <p>
                    网上有害信息举报专区： <span> <img src="../assets/images/police.png" alt=""></span>中国互联网违法和不良信息举报中心
                </p>
                <p>
                    亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。
                </p>

                <p>公司名称：上海宽娱数码科技有限公司 | 公司地址：上海市杨浦区政立路485号 | 电话：021-25099888</p>
            </div>
        </div>
    </div>
</template>

<script>

import '../css/foot.css'
export default {
     methods:{ //跳转页面

                   

                       }

}
</script>

<style>
        .lbt {
    overflow: hidden;
    position: relative;
    width: 100px;
    height: 50px;
}

.lbt ul {
    position: absolute;
    left: 0;
    width: 400%;
    height: 40px;
    animation: move 9s infinite;
}

.lbt ul li {
    float: left;
    width: 100px;
    height: 40px;
    background-size: 100px 40px;
}

.lbt ul li:nth-child(1) {
    background-image: url(../assets/images/ganquan.png);
}

.lbt ul li:nth-child(2) {
    background-image: url(../assets/images/anquan.png);
}

.lbt ul li:nth-child(3) {
    background-image: url(../assets/images/ganquan.png);
}

.lbt ul li:nth-child(4) {
    background-image: url(../assets/images/anquan.png);
}

@keyframes move {
    0% {
        transform: translate(0);
    }
    35% {
        transform: translate(-100px);
    }
    70% {
        transform: translate(-200px);
    }
    100% {
        transform: translate(-300px);
    }
}

</style>